body,
html {
  position: relative;
  min-width: 320px;
  max-width: 750px;
  height: 100%;
  margin: 0 auto;
  background: #f5f5f5;
  color: #000;
}
a:active {
  opacity: 0.8;
}
.font-h {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.weui-gallery {
  z-index: 9999;
}
.landing {
  opacity: 0;
}
.header-top-return {
  position: fixed;
  top: 0;
  width: 100%;
  min-width: 320px;
  max-width: 750px;
  height: 1.31rem;
  padding: 0.42rem 0;
  border-bottom: 1px solid #f5f5f5;
  background: #fff;
  z-index: 9990;
}
.header-top-return .return-a {
  position: relative;
  float: left;
  width: 50%;
  height: 1.3rem;
  line-height: 1.3rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.header-top-return .return-a h1 {
  float: left;
  width: 70%;
  margin-left: 30%;
  color: #333;
  line-height: 1.31rem;
  font-size: 0.9rem;
  text-indent: 2.67%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.header-top-return .return-a::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 25%;
  height: 1.3rem;
  border-right: 1px solid #b2aeae;
  background: url("../images/h_arrow_left.png") 50% no-repeat;
  -webkit-background-size: 20% 50%;
  -moz-background-size: 20% 50%;
  -ms-background-size: 20% 50%;
  -o-background-size: 20% 50%;
  background-size: 20% 50%;
  content: "";
}
.header-tab {
  position: fixed;
  top: 2.15rem;
  width: 100%;
  min-width: 320px;
  max-width: 750px;
  height: 1.85rem;
  padding-top: 0.35rem;
  background: #ea4c89;
  z-index: 9990;
}
.header-tab .tab-title {
  overflow: hidden;
  width: 25.47%;
  height: 1.5rem;
  margin: 0 auto;
  border-radius: 1rem;
  background: #c53a70;
  color: #fff;
}
.header-tab .tab-title a {
  float: left;
  width: 47.5%;
  height: 1.5rem;
  border-radius: 1rem;
  line-height: 1.5rem;
  color: #fff;
  font-size: 0.65rem;
  text-align: center;
}
.header-tab .tab-title .select {
  width: 52.5%;
  background: #fff;
  color: #eb5d93;
}
.header-tab .search {
  position: absolute;
  top: 0;
  right: 0;
  width: 20%;
  height: 2.15rem;
}
.header-tab .search a {
  display: block;
  width: 100%;
  height: 2.15rem;
  background: url("../images/search.png") 50% no-repeat;
  -webkit-background-size: 30% 50%;
  -moz-background-size: 30% 50%;
  -ms-background-size: 30% 50%;
  -o-background-size: 30% 50%;
  background-size: 30% 50%;
}
.header-tab .explain-a {
  position: absolute;
  top: 0rem;
  right: 0;
  width: 20%;
  height: 2.2rem;
  line-height: 2.2rem;
  font-size: 0.7rem;
  text-align: center;
}
.header-tab .explain-a a {
  color: #fff;
}
.header-title {
  position: fixed;
  top: 2.2rem;
  width: 100%;
  min-width: 320px;
  max-width: 750px;
  height: 1.85rem;
  padding-top: 0.35rem;
  background: #fff;
  z-index: 9990;
}
.header-title .left-home {
  position: absolute;
  top: 0.5rem;
  left: 4%;
  width: 16%;
  height: 1.2rem;
  border: 1px solid #a9a9a9;
  border-radius: 1rem;
  color: #333;
  font-size: 0.8rem;
  line-height: 1.2rem;
  text-align: center;
}
.header-title .left-tab {
  overflow: hidden;
  position: absolute;
  top: 0.35rem;
  left: 0%;
  width: 80%;
  height: 1.85rem;
  line-height: 1.85rem;
  font-size: 0.8rem;
}
.header-title .left-tab a {
  float: left;
  margin: 0 3%;
  color: #333;
}
.header-title .left-tab .select {
  position: relative;
  color: #ea4c89;
}
.header-title .left-tab .select::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #ea4c89;
  content: "";
}
.header-title .search {
  position: absolute;
  top: 0;
  right: 0;
  width: 20%;
  height: 2.15rem;
}
.header-title .search a {
  display: block;
  width: 100%;
  height: 2.15rem;
  background: url("../images/search_02.png") 50% no-repeat;
  -webkit-background-size: 30% 50%;
  -moz-background-size: 30% 50%;
  -ms-background-size: 30% 50%;
  -o-background-size: 30% 50%;
  background-size: 30% 50%;
}
.title-top {
  position: fixed;
  width: 100%;
  height: 2.2rem;
  padding-top: 2.2rem;
  min-width: 320px;
  max-width: 750px;
  background: #fff;
  z-index: 9980;
}
.title-top h1 {
  display: block;
  width: 70%;
  height: 2.2rem;
  margin: 0 auto;
  color: #333;
  font-size: 0.9rem;
  line-height: 2.2rem;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.title-top .return-history {
  position: absolute;
  top: 2.2rem;
  left: 0;
  width: 20%;
  height: 2.2rem;
  background: url("../images/h_arrow_left.png") 30% 50% no-repeat;
  -webkit-background-size: 13% 33%;
  -moz-background-size: 13% 33%;
  -ms-background-size: 13% 33%;
  -o-background-size: 13% 33%;
  background-size: 13% 33%;
}
.title-top .return-home {
  position: absolute;
  top: 2.2rem;
  right: 0;
  width: 20%;
  height: 2.2rem;
  background: url("../images/footer_icon_01.png") 50% no-repeat;
  -webkit-background-size: 30% 50%;
  -moz-background-size: 30% 50%;
  -ms-background-size: 30% 50%;
  -o-background-size: 30% 50%;
  background-size: 30% 50%;
}
.title-top .publish-a {
  position: absolute;
  top: 2.2rem;
  right: 0;
  width: 20%;
  height: 2.2rem;
  color: #ea4c89;
  line-height: 2.2rem;
  font-size: 0.8rem;
  text-align: center;
}
.footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  min-width: 320px;
  max-width: 750px;
  height: 2.45rem;
  background: #fff;
  z-index: 9990;
}
.footer li {
  float: left;
  width: 25%;
  height: 2.45rem;
}
.footer li a {
  display: block;
  width: 100%;
  height: 100%;
  color: #666;
  line-height: 3.6rem;
  font-size: 0.6rem;
  text-align: center;
}
.footer li:nth-child(1) {
  background: url("../images/footer_icon_01.png") no-repeat 50% 15%;
  background-size: 25% 45%;
}
.footer li:nth-child(2) {
  background: url("../images/footer_icon_03.png") no-repeat 50% 15%;
  background-size: 23% 42%;
}
.footer li:nth-child(3) {
  background: url("../images/footer_icon_05.png") no-repeat 50% 15%;
  background-size: 23% 45%;
}
.footer li:nth-child(4) {
  background: url("../images/footer_icon_07.png") no-repeat 50% 15%;
  background-size: 23% 45%;
}
.footer .on:nth-child(1) {
  background: url("../images/footer_icon_02.png") no-repeat 50% 15%;
  background-size: 25% 45%;
}
.footer .on:nth-child(2) {
  background: url("../images/footer_icon_04.png") no-repeat 50% 15%;
  background-size: 23% 42%;
}
.footer .on:nth-child(3) {
  background: url("../images/footer_icon_06.png") no-repeat 50% 15%;
  background-size: 23% 45%;
}
.footer .on:nth-child(4) {
  background: url("../images/footer_icon_08.png") no-repeat 50% 15%;
  background-size: 23% 45%;
}
.footer .on a {
  color: #ea4c89;
  font-size: 0.6rem;
}
.recommend-link-box {
  width: 100%;
  padding-bottom: 3.3rem;
}
.recommend-link-box .video-link {
  width: 100%;
  margin-top: 0.25rem;
  background: #fff;
}
.recommend-link-box .video-link .title-h1 {
  position: relative;
  width: 100%;
  height: 2.4rem;
  background: #fff;
}
.recommend-link-box .video-link .title-h1 h1 {
  width: 88%;
  height: 2.4rem;
  margin-left: 12%;
  color: #333;
  line-height: 2.4rem;
  font-size: 0.8rem;
}
.recommend-link-box .video-link .title-h1 .icon {
  position: absolute;
  top: 0.7rem;
  left: 4.33%;
  width: 5.33%;
  height: 1rem;
}
.recommend-link-box .video-link .title-h1 .icon img {
  display: block;
  width: 100%;
  height: 100%;
}
.recommend-link-box .video-link .title-h1 .more-a {
  position: absolute;
  top: 0.7rem;
  right: 4%;
  width: 13.33%;
  height: 1rem;
  border: 1px solid #999;
  border-radius: 1rem;
  color: #999;
  font-size: 0.6rem;
  line-height: 1rem;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.recommend-link-box .video-link .video-link-inf {
  width: 100%;
}
.recommend-link-box .video-link .video-link-inf .big-link {
  width: 100%;
}
.recommend-link-box .video-link .video-link-inf .big-link dt {
  position: relative;
  width: 100%;
  height: 9rem;
}
.recommend-link-box .video-link .video-link-inf .big-link dt img {
  display: block;
  width: 100%;
  height: 100%;
}
.recommend-link-box .video-link .video-link-inf .big-link dt span {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 90%;
  height: 1.2rem;
  padding: 0 5%;
  background: rgba(0, 0, 0, 0.25);
  color: #fff;
  line-height: 1.2rem;
  font-size: 0.6rem;
  text-align: right;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.recommend-link-box .video-link .video-link-inf .big-link dd {
  width: 95%;
  height: ;
  padding: 0.25rem 2.5% 0.5rem;
}
.recommend-link-box .video-link .video-link-inf .big-link dd h4 {
  width: 100%;
  color: #333;
  font-size: 0.7rem;
}
.recommend-link-box .video-link .video-link-inf .big-link dd p {
  width: 100%;
  color: #999;
  font-size: 0.6rem;
}
.recommend-link-box .video-link .video-link-inf ul li {
  float: left;
  width: 32.9%;
  margin: 0 0.17%;
}
.recommend-link-box .video-link .video-link-inf ul dt {
  position: relative;
  display: block;
  width: 100%;
  height: 8.2rem;
}
.recommend-link-box .video-link .video-link-inf ul dt img {
  display: block;
  width: 100%;
  height: 100%;
}
.recommend-link-box .video-link .video-link-inf ul dt span {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 90%;
  height: 1.2rem;
  padding: 0 5%;
  background: rgba(0, 0, 0, 0.25);
  color: #fff;
  line-height: 1.2rem;
  font-size: 0.6rem;
  text-align: right;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.recommend-link-box .video-link .video-link-inf ul dd {
  width: 90%;
  height: ;
  padding: 0.25rem 5% 0.5rem;
}
.recommend-link-box .video-link .video-link-inf ul dd h4 {
  width: 100%;
  color: #333;
  font-size: 0.7rem;
}
.recommend-link-box .video-link .video-link-inf ul dd p {
  width: 100%;
  color: #999;
  font-size: 0.6rem;
}
.index {
  width: 100%;
  height: auto;
}
.index .banner {
  width: 100%;
  height: 8rem;
  padding-top: 4.35rem;
}
.index .banner .swiper-container,
.index .banner .swiper-container img {
  width: 100%;
  height: 8rem;
}
.index .banner .swiper-pagination-bullet-active {
  background: #ea4c89;
}
.index .more-link {
  width: 100%;
  background: #fff;
}
.index .more-link .advertisement {
  position: relative;
  width: 100%;
  height: 1.9rem;
  background: #f5f5f5;
}
.index .more-link .advertisement i {
  position: absolute;
  top: 0.5rem;
  left: 4%;
  width: 4%;
  height: 0.9rem;
  background: url("../images/small_bell.png") no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -ms-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
}
.index .more-link .advertisement .txtMarquee-left {
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
  width: 88%;
  height: 1.9rem;
  color: #333;
  line-height: 1.9rem;
  font-size: 0.6rem;
}
.index .more-link .advertisement .txtMarquee-left .bd .tempWrap {
  width: 100% !important;
}
.index .more-link .advertisement .txtMarquee-left .bd ul {
  overflow: hidden;
  zoom: 1;
}
.index .more-link .advertisement .txtMarquee-left .bd ul li {
  float: left;
  width: 100%;
  text-align: left;
  _display: inline;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.index .more-link .link-ul {
  width: 100%;
  height: auto;
}
.index .more-link .link-ul ul {
  width: 92%;
  margin: 0 auto;
  padding: 0.5rem 0 0.75rem;
}
.index .more-link .link-ul li {
  float: left;
  width: 11.67%;
  margin: 0 6.67%;
}
.index .more-link .link-ul li img {
  display: block;
  width: 100%;
  height: 2rem;
}
.index .more-link .link-ul li span {
  display: block;
  width: 120%;
  margin: 0.5rem 0 0 -10%;
  color: #666;
  font-size: 0.7rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.classify {
  width: 100%;
  height: auto;
}
.classify .classify-link-box {
  display: block;
  width: 95%;
  height: auto;
  padding: 4.35rem 2.5% 0.5rem;
  background: #fff;
}
.classify .classify-link-box .unit-box {
  display: block;
  width: 100%;
  padding: 0.25rem 0 0;
}
.classify .classify-link-box .unit-box a:nth-child(1) {
  border-bottom: 0.1rem solid #ea4c89;
  color: #ea4c89;
}
.classify .classify-link-box .unit-box a {
  float: left;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0);
  margin: 0.25rem 6.25% 0.25rem 0;
  color: #333;
  font-size: 0.7rem;
}
.classify .classify-link-box .unit-box .select {
  color: #ea4c89;
}
.classify .classify-list {
  width: 100%;
  height: auto;
  margin-top: 0.25rem;
  padding-bottom: 3.3rem;
}
.classify .classify-list li {
  display: block;
  width: 100%;
  height: 6rem;
  padding-top: 0.5rem;
  background: #fff;
}
.classify .classify-list li dt {
  position: relative;
  float: left;
  width: 24%;
  height: 6rem;
  margin-left: 2.67%;
}
.classify .classify-list li dt img {
  display: block;
  width: 100%;
  height: 100%;
}
.classify .classify-list li dt span {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 90%;
  height: 1.2rem;
  padding: 0 5%;
  background: rgba(0, 0, 0, 0.25);
  color: #fff;
  line-height: 1.2rem;
  font-size: 0.6rem;
  text-align: right;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.classify .classify-list li dd {
  float: right;
  width: 70%;
  height: 6rem;
}
.classify .classify-list li dd h2 {
  width: 100%;
  margin: 0.5rem 0 0.25rem;
  color: #333;
  font-size: 0.7rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.classify .classify-list li dd h3 {
  width: 100%;
  height: 1rem;
  color: #999;
  line-height: 1rem;
  font-size: 0.6rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.classify .classify-list li dd .p-inf {
  width: 100%;
  margin-top: 0.3rem;
  color: #999;
  line-height: 0.75rem;
  font-size: 0.6rem;
}
.classify .classify-list li:nth-last-child(1) {
  padding-bottom: 0.5rem;
}
.recommend {
  width: 100%;
  height: auto;
  background: #f5f5f5;
}
.recommend .classify-list {
  position: relative;
  width: 100%;
  height: auto;
  padding-top: 4.8rem;
  margin-top: 0.25rem;
  padding-bottom: 3.3rem;
}
.recommend .classify-list li {
  display: block;
  width: 100%;
  height: 6rem;
  padding-top: 0.5rem;
  background: #fff;
}
.recommend .classify-list li dt {
  position: relative;
  float: left;
  width: 24%;
  height: 6rem;
  margin-left: 2.67%;
}
.recommend .classify-list li dt img {
  display: block;
  width: 100%;
  height: 100%;
}
.recommend .classify-list li dt span {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 90%;
  height: 1.2rem;
  padding: 0 5%;
  background: rgba(0, 0, 0, 0.25);
  color: #fff;
  line-height: 1.2rem;
  font-size: 0.6rem;
  text-align: right;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.recommend .classify-list li dd {
  float: right;
  width: 70%;
  height: 6rem;
}
.recommend .classify-list li dd h2 {
  display: block;
  width: 100%;
  margin: 0.25rem 0 0.25rem;
  color: #333;
  font-size: 0.7rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.recommend .classify-list li dd h3 {
  display: block;
  width: 100%;
  height: 1rem;
  color: #999;
  line-height: 1rem;
  font-size: 0.6rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.recommend .classify-list li dd .p-inf,
.recommend .classify-list li dd .p-inf-2 {
  display: block;
  width: 100%;
  margin-top: 0.3rem;
  color: #999;
  line-height: 0.75rem;
  font-size: 0.6rem;
}
.recommend .classify-list li dd .more-p {
  width: 100%;
  height: 1rem;
  margin: 0.2rem 0 0;
}
.recommend .classify-list li dd .more-p span {
  float: left;
  width: 15%;
  height: 0.8rem;
  margin-right: 2%;
  border: 1px solid #999;
  border-radius: 1rem;
  color: #999;
  line-height: 0.7rem;
  font-size: 0.6rem;
  text-align: center;
}
.recommend .classify-list li:nth-last-child(1) {
  padding-bottom: 0.5rem;
}
.recommend .classify-list .read {
  position: fixed;
  bottom: 8.25rem;
  right: 5%;
  width: 16%;
  height: 3rem;
  z-index: 9980;
}
.recommend .classify-list .read a {
  display: block;
  width: 100%;
  height: 2.5rem;
  padding-top: 0.5rem;
  border-radius: 50%;
  background: #ea4c89;
  color: #fff;
  line-height: 1rem;
  font-size: 0.8rem;
  text-align: center;
}
.ranking-list {
  width: 100%;
  height: auto;
  background: #f5f5f5;
}
.ranking-list .classify-list {
  position: relative;
  width: 100%;
  height: auto;
  padding-top: 4.3rem;
  margin-top: 0.25rem;
  padding-bottom: 3.3rem;
}
.ranking-list .classify-list .time-box {
  width: 100%;
  height: 2.1rem;
  background: #f5f5f5;
  line-height: 2.1rem;
}
.ranking-list .classify-list .time-box p {
  display: block;
  width: 100%;
  color: #999;
  font-size: 0.6rem;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ranking-list .classify-list li {
  position: relative;
  display: block;
  width: 100%;
  height: 6rem;
  padding-top: 0.5rem;
  background: #fff;
}
.ranking-list .classify-list li dt {
  position: relative;
  float: left;
  width: 24%;
  height: 6rem;
  margin-left: 2.67%;
}
.ranking-list .classify-list li dt img {
  display: block;
  width: 100%;
  height: 100%;
}
.ranking-list .classify-list li dt span {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 90%;
  height: 1.2rem;
  padding: 0 5%;
  background: rgba(0, 0, 0, 0.25);
  color: #fff;
  line-height: 1.2rem;
  font-size: 0.6rem;
  text-align: right;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ranking-list .classify-list li dd {
  float: right;
  width: 70%;
  height: 6rem;
}
.ranking-list .classify-list li dd h2 {
  display: block;
  width: 100%;
  margin: 0.25rem 0 0.25rem;
  color: #333;
  font-size: 0.7rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ranking-list .classify-list li dd h3 {
  display: block;
  width: 100%;
  height: 1rem;
  color: #999;
  line-height: 1rem;
  font-size: 0.6rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ranking-list .classify-list li dd .p-inf,
.ranking-list .classify-list li dd .p-inf-2 {
  display: block;
  width: 100%;
  margin-top: 0.3rem;
  color: #999;
  line-height: 0.75rem;
  font-size: 0.6rem;
}
.ranking-list .classify-list li dd .more-p {
  width: 100%;
  height: 1rem;
  margin: 0.2rem 0 0;
}
.ranking-list .classify-list li dd .more-p span {
  float: left;
  width: 15%;
  height: 0.8rem;
  margin-right: 2%;
  border: 1px solid #999;
  border-radius: 1rem;
  color: #999;
  line-height: 0.7rem;
  font-size: 0.6rem;
  text-align: center;
}
.ranking-list .classify-list li .gold {
  position: absolute;
  top: 0.5rem;
  right: 4%;
  width: 7.2%;
  height: 1.5rem;
}
.ranking-list .classify-list li .gold-01 {
  background: url("../images/gold_01.png") 50% no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -ms-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
}
.ranking-list .classify-list li .gold-02 {
  background: url("../images/gold_02.png") 50% no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -ms-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
}
.ranking-list .classify-list li .gold-03 {
  background: url("../images/gold_03.png") 50% no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -ms-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
}
.ranking-list .classify-list li:nth-last-child(1) {
  padding-bottom: 0.5rem;
}
.history {
  width: 100%;
  height: auto;
}
.history .history-tab {
  position: fixed;
  top: 2.15rem;
  width: 100%;
  min-width: 320px;
  max-width: 750px;
  height: 2.2rem;
  background: #fff;
  z-index: 9990;
}
.history .history-tab .tab-title {
  width: 70%;
  margin: 0 auto;
}
.history .history-tab .tab-title a {
  float: left;
  width: 50%;
  height: 2.2rem;
  color: #333;
  font-size: 0.8rem;
  line-height: 2.2rem;
  text-align: center;
}
.history .history-tab .tab-title a span {
  display: block;
  width: 28%;
  margin: 0 auto;
}
.history .history-tab .tab-title .select span {
  border-bottom: 0.1rem solid #ea4c89;
  color: #ea4c89;
  line-height: 2.1rem;
}
.history .history-tab .editor {
  position: absolute;
  top: 0;
  right: 0;
  width: 20%;
  height: 2.2rem;
  background: url("../images/editor_btn.png") 60% 50% no-repeat;
  -webkit-background-size: 30% 50%;
  -moz-background-size: 30% 50%;
  -ms-background-size: 30% 50%;
  -o-background-size: 30% 50%;
  background-size: 30% 50%;
}
.history .history-main {
  width: 100%;
  height: auto;
  margin-top: 4.5rem;
  padding-bottom: 2.8rem;
}
.history .history-main .editor-ul li dl {
  left: 11%;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.history .history-main .editor-ul li dl dd .continue {
  display: none;
}
.history .history-main li {
  position: relative;
  overflow: hidden;
  display: block;
  width: 100%;
  height: 6rem;
  padding-top: 0.5rem;
  background: #fff;
}
.history .history-main li dl {
  position: absolute;
  display: block;
  width: 100%;
  *zoom: 1;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.history .history-main li dl:after {
  content: "\200B";
  display: block;
  height: 0;
  clear: both;
}
.history .history-main li dt {
  position: relative;
  float: left;
  width: 24%;
  height: 6rem;
  margin-left: 2.67%;
}
.history .history-main li dt img {
  display: block;
  width: 100%;
  height: 100%;
}
.history .history-main li dt i {
  position: absolute;
  top: 2rem;
  left: -48%;
  width: 46%;
  height: 2rem;
  background: url("../images/hook_01.png") 50% no-repeat;
  -webkit-background-size: 50% 50%;
  -moz-background-size: 50% 50%;
  -ms-background-size: 50% 50%;
  -o-background-size: 50% 50%;
  background-size: 50% 50%;
}
.history .history-main li dt .hook {
  background: url("../images/hook_02.png") 50% no-repeat;
  -webkit-background-size: 50% 50%;
  -moz-background-size: 50% 50%;
  -ms-background-size: 50% 50%;
  -o-background-size: 50% 50%;
  background-size: 50% 50%;
}
.history .history-main li dd {
  position: relative;
  float: right;
  width: 70%;
  height: 6rem;
}
.history .history-main li dd h2 {
  width: 70%;
  margin: 1.2rem 0 0.25rem;
  color: #333;
  font-size: 0.7rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.history .history-main li dd h3 {
  width: 70%;
  height: 1rem;
  color: #999;
  line-height: 1rem;
  font-size: 0.6rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.history .history-main li dd .continue {
  display: block;
  position: absolute;
  top: 1.5rem;
  right: 5%;
  width: 20%;
  height: 1.2rem;
  border-radius: 1rem;
  background: #ea4c89;
  color: #fff;
  font-size: 0.7rem;
  line-height: 1.2rem;
  text-align: center;
}
.history .history-main li:nth-last-child(1) {
  padding-bottom: 0.5rem;
}
.control {
  display: none;
  position: fixed;
  bottom: 2.5rem;
  width: 100%;
  height: 2.2rem;
  background: #fff;
  z-index: 9990;
}
.control a {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
  float: left;
  width: 50%;
  height: 2.2rem;
  color: #333;
  line-height: 2.2rem;
  font-size: 0.7rem;
  text-indent: 27%;
}
.control a i {
  position: absolute;
  top: 0.6rem;
  left: 40%;
  width: 10.67%;
  height: 1rem;
  background: url("../images/hook_01.png") no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -ms-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
}
.control a .hook {
  background: url("../images/hook_02.png") no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -ms-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
}
.collection {
  width: 100%;
  height: auto;
}
.collection .history-tab {
  position: fixed;
  top: 2.15rem;
  width: 100%;
  min-width: 320px;
  max-width: 750px;
  height: 2.2rem;
  background: #fff;
  z-index: 9990;
}
.collection .history-tab .tab-title {
  width: 70%;
  margin: 0 auto;
}
.collection .history-tab .tab-title a {
  float: left;
  width: 50%;
  height: 2.2rem;
  color: #333;
  font-size: 0.8rem;
  line-height: 2.2rem;
  text-align: center;
}
.collection .history-tab .tab-title a span {
  display: block;
  width: 28%;
  margin: 0 auto;
}
.collection .history-tab .tab-title .select span {
  border-bottom: 0.1rem solid #ea4c89;
  color: #ea4c89;
  line-height: 2.1rem;
}
.collection .history-tab .editor {
  position: absolute;
  top: 0;
  right: 0;
  width: 20%;
  height: 2.2rem;
  background: url("../images/editor_btn.png") 60% 50% no-repeat;
  -webkit-background-size: 30% 50%;
  -moz-background-size: 30% 50%;
  -ms-background-size: 30% 50%;
  -o-background-size: 30% 50%;
  background-size: 30% 50%;
}
.collection .collection-main {
  width: 100%;
  height: auto;
  margin-top: 4.5rem;
  padding-bottom: 2.8rem;
}
.collection .collection-main li {
  position: relative;
  display: block;
  width: 100%;
  height: 6rem;
  padding-top: 0.5rem;
  background: #fff;
}
.collection .collection-main li dl {
  position: absolute;
  overflow: hidden;
  display: block;
  width: 100%;
  *zoom: 1;
}
.collection .collection-main li dl:after {
  content: "\200B";
  display: block;
  height: 0;
  clear: both;
}
.collection .collection-main li dt {
  position: relative;
  float: left;
  width: 24%;
  height: 6rem;
  margin-left: 2.67%;
}
.collection .collection-main li dt img {
  display: block;
  width: 100%;
  height: 100%;
}
.collection .collection-main li dd {
  position: relative;
  float: right;
  width: 70%;
  height: 6rem;
}
.collection .collection-main li dd h2 {
  width: 100%;
  margin: 0.8rem 0 0.25rem;
  color: #333;
  font-size: 0.7rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.collection .collection-main li dd h3 {
  width: 100%;
  height: 1rem;
  color: #999;
  line-height: 1rem;
  font-size: 0.6rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.collection .collection-main li dd h3 span {
  margin-right: 3%;
  padding: 0.05rem 3%;
  border: 1px solid #999;
  border-radius: 1rem;
}
.collection .collection-main li dd .p-inf {
  width: 100%;
  margin-top: 0.3rem;
  color: #999;
  line-height: 0.75rem;
  font-size: 0.6rem;
}
.collection .collection-main li:nth-last-child(1) {
  padding-bottom: 0.5rem;
}
.personal-center {
  width: 100%;
  height: auto;
  background: #f5f5f5;
}
.personal-center .personal-top-inf {
  width: 100%;
  height: 4rem;
  padding-top: 2.2rem;
  background: #fff;
}
.personal-center .personal-top-inf dt {
  overflow: hidden;
  float: left;
  width: 16%;
  height: 3rem;
  margin: 0.5rem 0 0 4%;
  border-radius: 50%;
}
.personal-center .personal-top-inf dt img {
  display: block;
  width: 100%;
  height: 100%;
}
.personal-center .personal-top-inf dd {
  float: right;
  width: 77.33%;
  height: 4rem;
  font-size: 0.8rem;
}
.personal-center .personal-top-inf dd h2 {
  width: 70%;
  height: 1rem;
  margin: 0.8rem 0 0.25rem;
  color: #333;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.personal-center .personal-top-inf dd p {
  width: 70%;
  height: 1rem;
  color: #999;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.personal-center .gold-sign-in,
.personal-center .other-list {
  width: 100%;
  height: auto;
  margin-top: 0.5rem;
  background: #fff;
}
.personal-center .gold-sign-in li,
.personal-center .other-list li {
  position: relative;
  width: 100%;
  height: 2.2rem;
  background: url("../images/m_arrow_right.png") 95% 50% no-repeat;
  -webkit-background-size: 2.5% 35%;
  -moz-background-size: 2.5% 35%;
  -ms-background-size: 2.5% 35%;
  -o-background-size: 2.5% 35%;
  background-size: 2.5% 35%;
  color: #333;
  line-height: 2.2rem;
  font-size: 0.7rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.personal-center .gold-sign-in li a,
.personal-center .other-list li a {
  display: block;
  width: 100%;
  height: 100%;
}
.personal-center .gold-sign-in li img,
.personal-center .other-list li img {
  position: absolute;
  top: 0.6rem;
  left: 4%;
  width: 5.33%;
  height: 1rem;
}
.personal-center .gold-sign-in li span,
.personal-center .other-list li span {
  width: 50%;
  margin-left: 11%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.personal-center .gold-sign-in li span b,
.personal-center .other-list li span b {
  font-weight: normal;
  color: #ea4c4c;
}
.personal-center .gold-sign-in li .i-btn,
.personal-center .other-list li .i-btn {
  position: absolute;
  top: 0.4rem;
  right: 4%;
  width: 21.33%;
  height: 1.4rem;
  background: #ea4c4c;
  border-radius: 0.2rem;
  color: #fff;
  font-size: 0.7rem;
  font-style: normal;
  line-height: 1.4rem;
  text-align: center;
}
.personal-center .banner-vip {
  width: 100%;
  height: 3rem;
  margin-top: 0.5rem;
}
.personal-center .banner-vip img {
  display: block;
  width: 100%;
  height: 3rem;
}
.personal-center .custom-service {
  position: relative;
  width: 85.62%;
  height: auto;
  margin: 0.5rem 0 2.5rem;
  padding: 0 0 1rem 7.71%;
  background: #fff;
}
.personal-center .custom-service h2 {
  width: 100%;
  height: 1rem;
  padding: 0.5rem 0;
  color: #333;
  font-size: 0.8rem;
}
.personal-center .custom-service h2 span {
  padding-left: 3%;
  margin-left: -3%;
  border-left: 1px solid #ea4c89;
}
.personal-center .custom-service h3 {
  width: 100%;
  margin: 0.5rem 0 1rem;
  color: #666;
  font-size: 0.7rem;
}
.personal-center .custom-service p {
  width: 100%;
  color: #666;
  font-size: 0.6rem;
}
.personal-center .custom-service img {
  position: absolute;
  top: 1.8rem;
  right: -3.29%;
  display: block;
  width: 22.5%;
  height: 4rem;
}
.record {
  width: 100%;
  height: auto;
}
.record .record-main {
  width: 100%;
  height: auto;
  background: #fff;
}
.record .record-main li {
  display: block;
  width: 100%;
  height: 2rem;
  padding-top: 0.2rem;
  border-top: 1px solid #f6f6f6;
}
.record .record-main li p {
  width: 90%;
  margin: 0 auto;
}
.record .record-main li p span {
  float: left;
  width: 50%;
  height: 1rem;
  color: #333;
  font-size: 0.7rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.record .record-main li p strong {
  float: right;
  width: 50%;
  height: 1rem;
  text-align: right;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.record .record-main li p .font-one {
  color: #f8c014;
  font-size: 0.7rem;
}
.record .record-main li p .font-two {
  color: #999;
  font-size: 0.6%;
}
.opinion {
  width: 100%;
  height: auto;
}
.opinion .problem-types {
  width: 90%;
  height: auto;
  padding: 5rem 5% 0.25rem;
  background: #fff;
}
.opinion .problem-types h3 {
  width: 100%;
  height: 1rem;
  margin: 0 auto;
  padding-top: 0.25rem;
  color: #999;
  line-height: 1rem;
  font-size: 0.7rem;
}
.opinion .problem-types ul {
  width: 100%;
  height: auto;
  margin-top: 0.5rem;
}
.opinion .problem-types ul li {
  float: left;
  width: 20%;
  height: 1.15rem;
  border-radius: 1rem;
  margin: 0 4% 0.5rem 0;
  background: #f0f0f0;
  color: #333;
  font-size: 0.6rem;
  line-height: 1.15rem;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.opinion .textarea-box {
  width: 90%;
  height: auto;
  margin-top: 0.25rem;
  padding: 0 5% 0.25rem;
  background: #fff;
}
.opinion .textarea-box h3 {
  width: 100%;
  height: 1rem;
  margin: 0 auto;
  padding-top: 0.25rem;
  color: #999;
  line-height: 1rem;
  font-size: 0.7rem;
}
.opinion .textarea-box textarea {
  display: block;
  border: 0;
  resize: none;
  width: 100%;
  height: 3rem;
  padding-bottom: 0.5rem;
  color: inherit;
  line-height: inherit;
  outline: 0;
  font-size: 0.7rem;
}
.opinion .uploader-img {
  width: 90%;
  height: auto;
  margin-top: 0.25rem;
  padding: 0 5% 0.25rem;
  background: #fff;
}
.opinion .uploader-img h3 {
  width: 100%;
  height: 1rem;
  margin: 0 auto;
  padding-top: 0.25rem;
  color: #999;
  line-height: 1rem;
  font-size: 0.7rem;
}
.opinion .uploader-img .weui-cells {
  margin-top: 0.5rem;
}
.opinion .uploader-img .weui-cell {
  padding: 0;
}
.opinion .uploader-img .weui-cells:after,
.opinion .uploader-img .weui-cells:before {
  content: none;
}
.opinion .uploader-img .weui-uploader__file {
  margin-right: 5px;
}
.opinion .input-inf {
  width: 90%;
  height: 2.2rem;
  margin-top: 0.25rem;
  padding: 0 5% 0.25rem;
  background: #fff;
}
.opinion .input-inf label {
  display: block;
  width: 100%;
  height: 2.2rem;
  margin: 0;
  padding: 0;
}
.opinion .input-inf label input {
  display: block;
  width: 100%;
  height: 2.2rem;
  margin: 0;
  padding: 0;
  color: #999;
  font-size: 0.7rem;
}
.opinion .Submission-btn {
  display: block;
  width: 92%;
  height: 2rem;
  margin: 1.5rem auto 0;
}
.opinion .Submission-btn a {
  display: block;
  width: 100%;
  height: 2rem;
  border-radius: 0.2rem;
  background: #ea4c89;
  color: #fff;
  font-size: 0.9rem;
  line-height: 2rem;
  text-align: center;
}
.statement {
  width: 100%;
  height: auto;
}
.statement .statement-main {
  background: #fff;
  padding-top: 0.85rem;
  margin-top: 0.5rem;
}
.statement .statement-main p {
  width: 90%;
  margin: 0 auto;
  padding-bottom: 0.85rem;
  color: #333;
  line-height: 0.85rem;
  font-size: 0.7rem;
}
.comment {
  width: 100%;
  height: auto;
}
.comment .comment-main {
  background: #fff;
  padding: 0.85rem 0;
  margin-top: 0.5rem;
}
.comment .comment-main textarea {
  display: block;
  width: 90%;
  height: 12.5rem;
  margin: 0 auto;
  padding: 0 0 1rem;
  border: none;
  color: #999;
  font-size: 0.7rem;
  resize: none;
}
.comment .comment-main #result {
  width: 90%;
  margin: 0.5rem auto 0;
  color: #999;
  font-size: 0.7rem;
  text-align: right;
}
.more-comment {
  width: 100%;
  height: auto;
}
.more-comment .more-comment-main {
  width: 100%;
  padding-top: 2.4rem;
  background: #fff;
}
.more-comment .more-comment-main ul {
  padding-top: 0.75rem;
}
.more-comment .more-comment-main li {
  display: block;
  width: 100%;
  padding: 0 0 1rem;
  *zoom: 1;
}
.more-comment .more-comment-main li dt {
  float: left;
  width: 8.53%;
  height: 1.6rem;
  margin-left: 4%;
}
.more-comment .more-comment-main li dt img {
  display: block;
  width: 100%;
  height: 100%;
}
.more-comment .more-comment-main li dd {
  float: right;
  width: 84.53%;
}
.more-comment .more-comment-main li dd h5 {
  display: block;
  width: 100%;
  margin: 0.35rem 0;
  color: #999;
  font-size: 0.6rem;
}
.more-comment .more-comment-main li dd p {
  color: #333;
  line-height: 0.88rem;
  font-size: 0.7rem;
}
.more-comment .more-comment-main li dd h6 {
  position: relative;
  width: 100%;
  margin-top: 0.3rem;
  color: #999;
  font-size: 0.6rem;
}
.more-comment .more-comment-main li dd h6 a {
  color: #999;
}
.more-comment .more-comment-main li dd h6 i {
  position: absolute;
  top: 0;
  font-style: normal;
  text-align: right;
}
.more-comment .more-comment-main li dd h6 span {
  float: left;
  margin-right: 5%;
}
.more-comment .more-comment-main li dd h6 .dz {
  right: 20%;
  width: 10%;
  height: 0.75rem;
  background: url("../images/zan.png") 0% 50% no-repeat;
  -webkit-background-size: 50% 100%;
  -moz-background-size: 50% 100%;
  -ms-background-size: 50% 100%;
  -o-background-size: 50% 100%;
  background-size: 50% 100%;
}
.more-comment .more-comment-main li dd h6 .pl {
  right: 5%;
  width: 10%;
  height: 0.75rem;
  background: url("../images/pl.png") 0% 50% no-repeat;
  -webkit-background-size: 55% 100%;
  -moz-background-size: 55% 100%;
  -ms-background-size: 55% 100%;
  -o-background-size: 55% 100%;
  background-size: 55% 100%;
}
.more-comment .more-comment-main li:after {
  content: "\200B";
  display: block;
  height: 0;
  clear: both;
}
.more-comment .more-comment-main .review-btn {
  width: 100%;
  padding: 1rem 0;
}
.more-comment .more-comment-main .review-btn a {
  display: block;
  width: 30%;
  height: 1.6rem;
  margin: 0 auto;
  background: url("../images/editor_btn_02.png") 10% 50% no-repeat;
  -webkit-background-size: 15% 50%;
  -moz-background-size: 15% 50%;
  -ms-background-size: 15% 50%;
  -o-background-size: 15% 50%;
  background-size: 15% 50%;
  line-height: 1.6rem;
  color: #f1941a;
  font-size: 0.8rem;
  text-align: center;
}
.login-box {
  width: 84.41%;
  margin: 2.8rem auto 0;
  padding: 1.1rem 3.79% 1.1rem;
  background: #fff;
}
.login-box h3 {
  width: 100%;
  margin-bottom: 0.5rem;
  color: #666;
  font-size: 0.7rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.login-box .phone-box {
  display: block;
  width: 99%;
}
.login-box .phone-box label {
  overflow: hidden;
  display: block;
  width: 100%;
  height: 1.9rem;
  margin: 0;
  padding: 0;
  border-radius: 0.25rem;
  border: 1px solid #e6e6e6;
}
.login-box .phone-box label input {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  line-height: 1.9rem;
  color: #999;
  font-size: 0.7rem;
  text-indent: 5%;
}
.login-box .verification-box {
  display: block;
  width: 99%;
  margin-top: 0.5rem;
}
.login-box .verification-box label {
  overflow: hidden;
  float: left;
  width: 47.5%;
  height: 1.9rem;
  margin: 0;
  padding: 0;
  border-radius: 0.25rem;
  border: 1px solid #e6e6e6;
}
.login-box .verification-box label input {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  line-height: 1.9rem;
  color: #999;
  font-size: 0.7rem;
  text-indent: 5%;
}
.login-box .verification-box .obtain-verification {
  float: right;
  width: 47.5%;
  height: 1.9rem;
  border-radius: 0.25rem;
  border: 1px solid #ea4c89;
  font-size: 0.7rem;
  line-height: 1.9rem;
  text-align: center;
}
.login-box .verification-box .obtain-verification a,
.login-box .verification-box .obtain-verification b {
  font-weight: normal;
  color: #ea4c89;
}
.login-box .login-btn {
  overflow: hidden;
  display: block;
  width: 100%;
  height: 2rem;
  margin-top: 1.5rem;
  border-radius: 0.2rem;
}
.login-box .login-btn a {
  display: block;
  width: 100%;
  height: 2rem;
  background: #ea4c89;
  color: #fff;
  line-height: 2rem;
  text-align: center;
}
.invitation {
  width: 100%;
}
.invitation .invitation-main {
  position: relative;
  top: 2.25rem;
  width: 100%;
  height: 93.2vh;
  background: url("../images/invitation_bg.jpg") no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -ms-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
}
.invitation .invitation-main .invita-tips {
  position: absolute;
  top: 0;
  width: 100%;
  height: 2.2rem;
  background: #f8d4e2;
  line-height: 2.2rem;
  text-align: center;
}
.invitation .invitation-main .invita-tips p {
  color: #ea4c89;
  font-size: 0.7rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.invitation .invitation-main .invita-box {
  width: 100%;
  height: auto;
  padding-top: 19.5rem;
}
.invitation .invitation-main a {
  display: block;
  width: 42.67%;
  height: 2.2rem;
  margin: 0 auto;
  border-radius: 1rem;
  background: #fff;
  color: #ea4c89;
  font-size: 0.8rem;
  line-height: 2.2rem;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.invitation .invitation-main p {
  width: 90%;
  height: auto;
  margin: 0 auto;
  color: #fff;
  font-size: 0.7rem;
}
.invitation-code {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 320px;
  max-width: 750px;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9980;
}
.invitation-code .code-box {
  overflow: hidden;
  position: absolute;
  top: 7.05rem;
  left: 8%;
  width: 84%;
  height: 21rem;
  border-radius: 0.3rem;
  background: #fff;
  z-index: 9900;
}
.invitation-code .code-box .code-bg-top {
  position: relative;
  width: 100%;
  height: 21rem;
}
.invitation-code .code-box .code-bg-top dt,
.invitation-code .code-box .code-bg-top img {
  display: block;
  width: 100%;
  height: 100%;
}
.invitation-code .code-box .code-bg-top dd {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 90%;
  height: 2rem;
  padding: 0 5%;
  padding-top: 0.45rem;
  background: #fff;
  color: #666;
  line-height: 0.75rem;
  font-size: 0.6rem;
  text-align: center;
}
.invitation-code .code-box .code-bg-top dd span {
  color: #ea4c89;
}
.invitation-code .code-close {
  width: 100%;
  height: 100%;
  z-index: 9800;
}
.read-mode {
  position: relative;
  width: 100%;
  height: 100%;
}
.read-mode .read-mode-main {
  position: absolute;
  top: 2.2rem;
  left: 0;
  display: block;
  width: 100%;
  height: 93vh;
}
.read-mode .read-mode-main .top-title {
  position: absolute;
  top: 0;
  width: 100%;
  height: 2.2rem;
  background: #393436;
  z-index: 9950;
}
.read-mode .read-mode-main .top-title h1 {
  width: 70%;
  height: 2.2rem;
  margin: 0 auto;
  font-size: 0.9rem;
  color: #fff;
  line-height: 2.2rem;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.read-mode .read-mode-main .top-title a {
  position: absolute;
  top: 0;
  width: 20%;
  height: 2.2rem;
}
.read-mode .read-mode-main .top-title .left-a {
  left: 0;
  background: url("../images/h_arrow_left_02.png") 29% 50% no-repeat;
  -webkit-background-size: 14% 34%;
  -moz-background-size: 14% 34%;
  -ms-background-size: 14% 34%;
  -o-background-size: 14% 34%;
  background-size: 14% 34%;
}
.read-mode .read-mode-main .top-title .right-a {
  right: 0;
  background: url("../images/footer_icon_01_01.png") 70% 50% no-repeat;
  -webkit-background-size: 30% 45%;
  -moz-background-size: 30% 45%;
  -ms-background-size: 30% 45%;
  -o-background-size: 30% 45%;
  background-size: 30% 45%;
}
.read-mode .read-mode-main .bg-img {
  position: absolute;
  top: 0;
  z-index: 9900;
}
.read-mode .read-mode-main .bg-img,
.read-mode .read-mode-main img {
  display: block;
  width: 100%;
  height: 100%;
}
.read-mode .read-mode-main .footer-catalog {
  position: fixed;
  bottom: 0;
  width: 100%;
  min-width: 320px;
  max-width: 750px;
  height: 2.45rem;
  background: #393436;
  z-index: 9960;
}
.read-mode .read-mode-main .footer-catalog a {
  float: left;
  width: 20%;
  height: 2.45rem;
}
.read-mode .read-mode-main .footer-catalog a:nth-child(1) {
  background: url("../images/close_img.png") 50% no-repeat;
  -webkit-background-size: 32% 80%;
  -moz-background-size: 32% 80%;
  -ms-background-size: 32% 80%;
  -o-background-size: 32% 80%;
  background-size: 32% 80%;
}
.read-mode .read-mode-main .footer-catalog .zan {
  background: url("../images/zan_01.png") 50% no-repeat;
  -webkit-background-size: 43% 76%;
  -moz-background-size: 43% 76%;
  -ms-background-size: 43% 76%;
  -o-background-size: 43% 76%;
  background-size: 43% 76%;
}
.read-mode .read-mode-main .footer-catalog .state-02 {
  background: url("../images/zan_02.png") 50% no-repeat;
  -webkit-background-size: 45% 76%;
  -moz-background-size: 45% 76%;
  -ms-background-size: 45% 76%;
  -o-background-size: 45% 76%;
  background-size: 45% 76%;
}
.read-mode .read-mode-main .footer-catalog a:nth-child(3) {
  background: url("../images/catalog_img.png") 50% no-repeat;
  -webkit-background-size: 30% 75%;
  -moz-background-size: 30% 75%;
  -ms-background-size: 30% 75%;
  -o-background-size: 30% 75%;
  background-size: 30% 75%;
}
.read-mode .read-mode-main .footer-catalog a:nth-child(4) {
  background: url("../images/h_arrow_left_02.png") 50% no-repeat;
  -webkit-background-size: 14% 34%;
  -moz-background-size: 14% 34%;
  -ms-background-size: 14% 34%;
  -o-background-size: 14% 34%;
  background-size: 14% 34%;
}
.read-mode .read-mode-main .footer-catalog a:nth-child(5) {
  background: url("../images/m_arrow_right_03.png") 50% no-repeat;
  -webkit-background-size: 14% 34%;
  -moz-background-size: 14% 34%;
  -ms-background-size: 14% 34%;
  -o-background-size: 14% 34%;
  background-size: 14% 34%;
}
.catalog-wrap {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 320px;
  max-width: 750px;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9980;
}
.catalog-wrap ul {
  position: absolute;
  bottom: -100%;
  width: 100%;
  height: auto;
}
.catalog-wrap ul li {
  display: block;
  width: 100%;
  height: 2.45rem;
  border-bottom: 1px solid #f5f5f5;
  background: #fff;
  color: #333;
  font-size: 0.7rem;
  line-height: 2.45rem;
  text-align: center;
}
.catalog-wrap ul li:nth-last-child(1) {
  margin-top: 0.25rem;
  border-top: 1px solid #221f20;
}
.recharge {
  width: 100%;
  height: 100vh;
}
.recharge .recharge-sum {
  position: relative;
  width: 100%;
  height: 2.2rem;
  padding-top: 2.25rem;
  background: #fff;
  color: #333;
  font-size: 0.8rem;
  line-height: 2.2rem;
}
.recharge .recharge-sum img {
  position: absolute;
  top: 2.8rem;
  left: 4%;
  display: block;
  width: 5.33%;
  height: 1rem;
}
.recharge .recharge-sum h2 {
  text-indent: 12%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.recharge .recharge-sum span {
  font-size: 0.7rem;
}
.recharge .recharge-sum strong {
  color: #ea4c4c;
}
.recharge .recharge-main {
  width: 92%;
  height: auto;
  padding: 0 4%;
  margin-top: 0.5rem;
  background: #fff;
}
.recharge .recharge-main h1 {
  width: 100%;
  height: 1.65rem;
  padding-top: 0.25rem;
  line-height: 1.65rem;
  color: #999;
  font-size: 0.7rem;
}
.recharge .recharge-main h1 strong {
  color: #eb5454;
  font-size: 0.7rem;
}
.recharge .recharge-main ul li {
  overflow: hidden;
  position: relative;
  width: 47.83%;
  height: 4rem;
  margin-bottom: 0.75rem;
  border: 1px solid #999;
  border-radius: 0.1rem;
}
.recharge .recharge-main ul i {
  position: absolute;
  top: 0;
  right: 0;
  width: 24.24%;
  height: 2rem;
}
.recharge .recharge-main ul i img {
  display: block;
  width: 100%;
  height: 100%;
}
.recharge .recharge-main ul .select {
  border: 1px solid #ea4c4c;
}
.recharge .recharge-main ul li:nth-child(odd) {
  float: left;
}
.recharge .recharge-main ul li:nth-child(even) {
  float: right;
}
.recharge .recharge-main ul h3 {
  width: 100%;
  padding-top: 0.6rem;
  color: #333;
  font-size: 0.7rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
}
.recharge .recharge-main ul .hot span {
  position: relative;
}
.recharge .recharge-main ul .hot span::after {
  position: absolute;
  top: 0.1rem;
  right: -0.8rem;
  width: 0.6rem;
  height: 0.7rem;
  background: url("../images/blaze.png") no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -ms-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  content: "";
}
.recharge .recharge-main ul p {
  color: #999;
  font-size: 0.6rem;
  text-align: center;
}
.recharge .recharge-main ul p strong {
  color: #ea4c4c;
}
.recharge .recharge-main ul p span {
  color: #999;
}
.recharge .recharge-main .recharge-btn {
  overflow: hidden;
  display: block;
  width: 100%;
  height: 2rem;
  margin-top: 1rem;
  border-radius: 0.2rem;
  line-height: 2rem;
}
.recharge .recharge-main .recharge-btn a {
  display: block;
  width: 100%;
  height: 2rem;
  background: #ea4c4c;
  color: #fff;
  font-size: 0.9rem;
  text-align: center;
}
.recharge .recharge-main .rec-tips {
  width: 100%;
  padding-bottom: 2rem;
  color: #999;
  text-align: center;
}
.recharge .recharge-main .rec-tips h4 {
  padding: 0.5rem 0;
  font-size: 0.7rem;
}
.recharge .recharge-main .rec-tips p {
  margin-bottom: 0.5rem;
  font-size: 0.6rem;
}
.recharge-success {
  position: fixed;
  top: 0;
  width: 100%;
  min-width: 320px;
  max-width: 750px;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
}
.recharge-success .success-box {
  position: absolute;
  top: 7.5rem;
  left: 8%;
  width: 84%;
  height: 9rem;
  background: #fff;
  text-align: center;
}
.recharge-success .success-box h1 {
  width: 100%;
  height: 2.25rem;
  color: #ea4c4c;
  line-height: 2.25rem;
  font-size: 0.9rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.recharge-success .success-box p {
  width: 100%;
  color: #333;
  font-size: 0.7rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.recharge-success .success-box .btn-box {
  display: block;
  width: 90%;
  height: 2.1rem;
  margin: 1rem auto 0;
}
.recharge-success .success-box .btn-box a {
  height: 2rem;
  border: 1px solid #ea4c89;
  border-radius: 0.1rem;
  color: #ea4c89;
  font-size: 0.8rem;
  line-height: 2rem;
  text-align: center;
}
.recharge-success .success-box .btn-box a:nth-child(1) {
  float: left;
  width: 45%;
}
.recharge-success .success-box .btn-box a:nth-child(2) {
  float: right;
  width: 45%;
}
.recharge-success .success-box .return {
  text-align: right;
  padding: 0.5rem 3% 0 0;
}
.recharge-success .success-box .return a {
  color: #999;
  font-size: 0.7rem;
}
.order {
  width: 100%;
  height: auto;
}
.order .order-main {
  width: 100%;
  margin-top: 4.35rem;
}
.order .order-main li {
  width: 100%;
  margin: 0 auto;
  padding: 0.75rem 0;
  border-bottom: 1px solid #f5f5f5;
  background: #fff;
  *zoom: 1;
}
.order .order-main li dl {
  display: block;
  width: 92%;
  margin: 0 auto;
}
.order .order-main li dt {
  float: left;
  width: 36.8%;
  height: 5.17rem;
}
.order .order-main li dt img {
  display: block;
  width: 100%;
  height: 100%;
}
.order .order-main li dd {
  float: right;
  width: 60%;
}
.order .order-main li dd a {
  display: block;
  width: 100%;
  height: 100%;
  background: url("../images/m_arrow_right.png") 96% 50% no-repeat;
  -webkit-background-size: 5% 20%;
  -moz-background-size: 5% 20%;
  -ms-background-size: 5% 20%;
  -o-background-size: 5% 20%;
  background-size: 5% 20%;
}
.order .order-main li dd h3 {
  display: block;
  width: 100%;
  margin: 0.3rem 0 0.2rem;
  color: #333;
  font-size: 0.7rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.order .order-main li dd h4 {
  display: block;
  width: 100%;
  color: #333;
  font-size: 0.6rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.order .order-main li dd span {
  display: block;
  width: 100%;
  margin: 0.3rem 0;
  color: #999;
  font-size: 0.6rem;
  text-decoration: line-through;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.order .order-main li dd strong {
  display: block;
  width: 100%;
  color: #ea4c4c;
  font-size: 0.7rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.order .order-main li dd .overdue {
  color: #ea4c89;
}
.order .order-main li:after {
  content: "\200B";
  display: block;
  height: 0;
  clear: both;
}
.order .on-show {
  display: none;
}
.order .no-order-main {
  width: 100%;
  margin-top: 4.35rem;
}
.order .no-order-main p {
  display: block;
  width: 80%;
  margin: 0 auto;
  padding: 2rem 0 1.5rem;
  color: #999;
  line-height: 1rem;
  font-size: 0.7rem;
  text-align: center;
}
.order .no-order-main div {
  display: block;
  width: 74.67%;
  height: 2.2rem;
  margin: 0 auto;
}
.order .no-order-main div a {
  display: block;
  width: 100%;
  height: 2.2rem;
  border-radius: 0.2rem;
  background: #ea4c4c;
  color: #fff;
  font-size: 0.7rem;
  line-height: 2.2rem;
  text-align: center;
}
.order-inf {
  width: 100%;
  height: auto;
}
.order-inf .order-main {
  width: 100%;
  padding-bottom: 0.75rem;
  background: #fff;
  padding-top: 4.35rem;
}
.order-inf .order-main h1 {
  width: 100%;
  height: 1.5rem;
  background: #fff;
  color: #333;
  font-size: 0.8rem;
  line-height: 1.8rem;
  text-indent: 4%;
}
.order-inf .order-main li {
  width: 100%;
  margin: 0 auto;
  padding: 0.75rem 0;
  background: #fff;
  *zoom: 1;
}
.order-inf .order-main li dl {
  display: block;
  width: 92%;
  margin: 0 auto;
}
.order-inf .order-main li dt {
  float: left;
  width: 36.8%;
  height: 5.17rem;
}
.order-inf .order-main li dt img {
  display: block;
  width: 100%;
  height: 100%;
}
.order-inf .order-main li dd {
  float: right;
  width: 60%;
}
.order-inf .order-main li dd a {
  display: block;
  width: 100%;
  height: 100%;
  background: url("../images/m_arrow_right.png") 96% 50% no-repeat;
  -webkit-background-size: 5% 20%;
  -moz-background-size: 5% 20%;
  -ms-background-size: 5% 20%;
  -o-background-size: 5% 20%;
  background-size: 5% 20%;
}
.order-inf .order-main li dd h3 {
  display: block;
  width: 100%;
  margin: 0.3rem 0 0.2rem;
  color: #333;
  font-size: 0.7rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.order-inf .order-main li dd h4 {
  display: block;
  width: 100%;
  color: #333;
  font-size: 0.6rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.order-inf .order-main li dd span {
  display: block;
  width: 100%;
  margin: 0.3rem 0;
  color: #999;
  font-size: 0.6rem;
  text-decoration: line-through;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.order-inf .order-main li dd strong {
  display: block;
  width: 100%;
  color: #ea4c4c;
  font-size: 0.7rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.order-inf .order-main li dd .overdue {
  color: #ea4c89;
}
.order-inf .order-main li:after {
  content: "\200B";
  display: block;
  height: 0;
  clear: both;
}
.order-inf .order-main .order-btn {
  overflow: hidden;
  width: 100%;
  height: 2.2rem;
  border-radius: 0.2rem;
}
.order-inf .order-main .order-btn a {
  display: block;
  width: 92%;
  height: 2.2rem;
  margin: 0 auto;
  border-radius: 0.2rem;
  background: #ea4c4c;
  line-height: 2.2rem;
  color: #fff;
  font-size: 0.8rem;
  text-align: center;
}
.order-inf .collection-main {
  width: 100%;
  height: auto;
  margin-top: 0.25rem;
  padding-bottom: 2.8rem;
  background: #fff;
}
.order-inf .collection-main li {
  position: relative;
  display: block;
  width: 100%;
  height: 6rem;
  padding-top: 0.5rem;
  background: #fff;
}
.order-inf .collection-main li dl {
  position: absolute;
  overflow: hidden;
  display: block;
  width: 100%;
  *zoom: 1;
}
.order-inf .collection-main li dl:after {
  content: "\200B";
  display: block;
  height: 0;
  clear: both;
}
.order-inf .collection-main li dt {
  position: relative;
  float: left;
  width: 24%;
  height: 6rem;
  margin-left: 2.67%;
}
.order-inf .collection-main li dt img {
  display: block;
  width: 100%;
  height: 100%;
}
.order-inf .collection-main li dd {
  position: relative;
  float: right;
  width: 70%;
  height: 6rem;
}
.order-inf .collection-main li dd h2 {
  width: 100%;
  margin: 0.8rem 0 0.25rem;
  color: #333;
  font-size: 0.7rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.order-inf .collection-main li dd h3 {
  width: 100%;
  height: 1rem;
  color: #999;
  line-height: 1rem;
  font-size: 0.6rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.order-inf .collection-main li dd h3 span {
  margin-right: 3%;
  padding: 0.05rem 3%;
  border: 1px solid #999;
  border-radius: 1rem;
}
.order-inf .collection-main li dd .p-inf {
  width: 100%;
  margin-top: 0.3rem;
  color: #999;
  line-height: 0.75rem;
  font-size: 0.6rem;
}
.join-in {
  position: relative;
  width: 100%;
}
.join-in .join-main {
  position: absolute;
  top: 7rem;
  left: 20%;
  width: 60%;
  height: 11.25rem;
  background: #fff;
}
.join-in .join-main dl {
  display: block;
  width: 100%;
  height: 11.25rem;
}
.join-in .join-main dl dt {
  display: block;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 50px 3px #cdcdcd;
}
.join-in .join-main dl dt img {
  display: block;
  width: 100%;
  height: 100%;
}
.join-in .join-main dl dd {
  width: 100%;
  margin-top: 1rem;
  color: #666;
  font-size: 0.7rem;
  text-align: center;
}
.cartoon-catalog {
  width: 100%;
}
.cartoon-catalog .catalog-banner {
  width: 100%;
  height: 11.2rem;
  padding-top: 2.25rem;
}
.cartoon-catalog .catalog-banner .banner-img {
  position: relative;
  width: 100%;
  height: 9rem;
}
.cartoon-catalog .catalog-banner .banner-img dl {
  position: relative;
  display: block;
  width: 100%;
  height: 9rem;
}
.cartoon-catalog .catalog-banner .banner-img dl dt {
  display: block;
  width: 100%;
  height: 9rem;
}
.cartoon-catalog .catalog-banner .banner-img dl dt img {
  display: block;
  width: 100%;
  height: 100%;
}
.cartoon-catalog .catalog-banner .banner-img dl dd div {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 2.5rem;
  background: rgba(0, 0, 0, 0.25);
}
.cartoon-catalog .catalog-banner .banner-img dl dd a {
  position: absolute;
  top: 0.65rem;
  right: 4%;
  width: 13.33%;
  height: 1.2rem;
  border-radius: 1rem;
  background: #ea4c89;
  color: #fff;
  font-size: 0.6rem;
  line-height: 1.2rem;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.cartoon-catalog .catalog-banner .banner-img dl dd h3 {
  width: 92%;
  margin: 0 auto;
  padding: 0.25rem 0 0.15rem;
  color: #fff;
  font-size: 0.7rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.cartoon-catalog .catalog-banner .banner-img dl dd p {
  width: 92%;
  margin: 0 auto;
  color: #fff;
  font-size: 0.6rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.cartoon-catalog .catalog-banner .banner-img dl dd p span {
  margin-right: 3.47%;
}
.cartoon-catalog .catalog-banner .banner-img .return-l {
  position: absolute;
  top: 0.75rem;
  left: 4%;
  width: 6.4%;
  height: 1.2rem;
  background: url("../images/h_arrow_left_03.png") 50% no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -ms-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
}
.cartoon-catalog .catalog-banner .catalog-tab {
  display: block;
  width: 100%;
  height: 2.2rem;
  background: #fff;
}
.cartoon-catalog .catalog-banner .catalog-tab a {
  position: relative;
  float: left;
  width: 50%;
  height: 2.2rem;
  color: #333;
  font-size: 0.8rem;
  line-height: 2.2rem;
  text-align: center;
}
.cartoon-catalog .catalog-banner .catalog-tab .select {
  color: #ea4c89;
}
.cartoon-catalog .catalog-banner .catalog-tab .select:after {
  position: absolute;
  bottom: 0;
  left: 39%;
  width: 22%;
  height: 3px;
  background: #ea4c89;
  color: #ea4c89;
  content: "";
}
.cartoon-catalog .li-list {
  display: block;
  width: 100%;
  margin-top: 0.25rem;
  padding-bottom: 2.5rem;
}
.cartoon-catalog .li-list h2 {
  display: block;
  width: 92%;
  height: 1.8rem;
  padding: 0 4%;
  background: #fff;
  line-height: 2.5rem;
  color: #999;
  font-size: 0.7rem;
}
.cartoon-catalog .li-list h2 a {
  float: right;
  margin-left: 5.71%;
  color: #999;
  font-size: 0.6rem;
}
.cartoon-catalog .li-list h2 .select {
  color: #ea4c89;
}
.cartoon-catalog .li-list ul {
  display: block;
  width: 100%;
  margin: 0 auto;
  background: #fff;
}
.cartoon-catalog .li-list li {
  position: relative;
  display: block;
  width: 92%;
  height: 2.45rem;
  margin: 0 auto;
  border-bottom: 1px solid #f5f5f5;
  line-height: 2.45rem;
}
.cartoon-catalog .li-list li a {
  display: block;
  width: 100%;
  height: 2.45rem;
  background: url('../images/m_arrow_right.png') 100% 50% no-repeat;
  -webkit-background-size: 2% 30%;
  -moz-background-size: 2% 30%;
  -ms-background-size: 2% 30%;
  -o-background-size: 2% 30%;
  background-size: 2% 30%;
  color: #333;
  font-size: 0.7rem;
}
.cartoon-catalog .li-list .li-vip {
  position: relative;
}
.cartoon-catalog .li-list .li-vip:after {
  position: absolute;
  top: 0.9rem;
  right: 4%;
  width: 4.5%;
  height: 0.72rem;
  background: url('../images/diamond.png') no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -ms-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  content: "";
}
.cartoon-catalog .cartoon-inf-main {
  width: 100%;
}
.cartoon-catalog .cartoon-inf-main .synopsis {
  display: block;
  width: 100%;
  height: auto;
  background: #fff;
}
.cartoon-catalog .cartoon-inf-main .synopsis h4 {
  width: 90%;
  margin: 0 auto;
  padding: 1rem 0 0.5rem;
  color: #666;
  font-size: 0.6rem;
}
.cartoon-catalog .cartoon-inf-main .synopsis p {
  width: 90%;
  margin: 0 auto;
  color: #999;
  line-height: 0.9rem;
  font-size: 0.7rem;
}
.cartoon-catalog .cartoon-inf-main .synopsis .inf-sum {
  display: block;
  width: 90%;
  margin: 0 auto;
  padding: 0.75rem 0 0.63rem;
}
.cartoon-catalog .cartoon-inf-main .synopsis .inf-sum div {
  float: left;
  width: 33%;
  border-right: 1px solid #f5f5f5;
}
.cartoon-catalog .cartoon-inf-main .synopsis .inf-sum div strong {
  display: block;
  width: 100%;
  height: 1rem;
  line-height: 1rem;
  color: #ea4c4c;
  font-weight: normal;
  font-size: 0.7rem;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.cartoon-catalog .cartoon-inf-main .synopsis .inf-sum div span {
  display: block;
  width: 100%;
  height: 1rem;
  line-height: 1rem;
  color: #999;
  font-size: 0.6rem;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.cartoon-catalog .cartoon-inf-main .synopsis .inf-sum div:nth-last-child(1) {
  border-right: none;
}
.cartoon-catalog .cartoon-inf-main .more-comment-main {
  width: 100%;
  margin-top: 0.25rem;
  background: #fff;
}
.cartoon-catalog .cartoon-inf-main .more-comment-main h2 {
  width: 90%;
  height: 2.25rem;
  margin: 0 auto;
  line-height: 2.25rem;
  font-size: 0.8rem;
}
.cartoon-catalog .cartoon-inf-main .more-comment-main h2 span {
  float: left;
  color: #999;
}
.cartoon-catalog .cartoon-inf-main .more-comment-main h2 a {
  float: right;
  width: 25%;
  background: url("../images/editor_btn_02.png") 20% 50% no-repeat;
  -webkit-background-size: 20% 36%;
  -moz-background-size: 20% 36%;
  -ms-background-size: 20% 36%;
  -o-background-size: 20% 36%;
  background-size: 20% 36%;
  color: #f1941a;
  text-align: right;
}
.cartoon-catalog .cartoon-inf-main .more-comment-main ul {
  padding-top: 0.75rem;
}
.cartoon-catalog .cartoon-inf-main .more-comment-main li {
  display: block;
  width: 100%;
  padding: 0 0 1rem;
  *zoom: 1;
}
.cartoon-catalog .cartoon-inf-main .more-comment-main li dt {
  float: left;
  width: 8.53%;
  height: 1.6rem;
  margin-left: 4%;
}
.cartoon-catalog .cartoon-inf-main .more-comment-main li dt img {
  display: block;
  width: 100%;
  height: 100%;
}
.cartoon-catalog .cartoon-inf-main .more-comment-main li dd {
  float: right;
  width: 84.53%;
}
.cartoon-catalog .cartoon-inf-main .more-comment-main li dd h5 {
  display: block;
  width: 100%;
  margin: 0.35rem 0;
  color: #999;
  font-size: 0.6rem;
}
.cartoon-catalog .cartoon-inf-main .more-comment-main li dd p {
  color: #333;
  line-height: 0.88rem;
  font-size: 0.7rem;
}
.cartoon-catalog .cartoon-inf-main .more-comment-main li dd h6 {
  position: relative;
  width: 100%;
  margin-top: 0.3rem;
  color: #999;
  font-size: 0.6rem;
}
.cartoon-catalog .cartoon-inf-main .more-comment-main li dd h6 a {
  color: #999;
}
.cartoon-catalog .cartoon-inf-main .more-comment-main li dd h6 i {
  position: absolute;
  top: 0;
  font-style: normal;
  text-align: right;
}
.cartoon-catalog .cartoon-inf-main .more-comment-main li dd h6 span {
  float: left;
  margin-right: 5%;
}
.cartoon-catalog .cartoon-inf-main .more-comment-main li dd h6 .dz {
  right: 20%;
  width: 10%;
  height: 0.75rem;
  background: url("../images/zan.png") 0% 50% no-repeat;
  -webkit-background-size: 50% 100%;
  -moz-background-size: 50% 100%;
  -ms-background-size: 50% 100%;
  -o-background-size: 50% 100%;
  background-size: 50% 100%;
}
.cartoon-catalog .cartoon-inf-main .more-comment-main li dd h6 .pl {
  right: 5%;
  width: 10%;
  height: 0.75rem;
  background: url("../images/pl.png") 0% 50% no-repeat;
  -webkit-background-size: 55% 100%;
  -moz-background-size: 55% 100%;
  -ms-background-size: 55% 100%;
  -o-background-size: 55% 100%;
  background-size: 55% 100%;
}
.cartoon-catalog .cartoon-inf-main .more-comment-main li:after {
  content: "\200B";
  display: block;
  height: 0;
  clear: both;
}
.cartoon-catalog .cartoon-inf-main .more-comment-main .more-btn {
  width: 100%;
  padding: 0.5rem 0;
}
.cartoon-catalog .cartoon-inf-main .more-comment-main .more-btn a {
  display: block;
  width: 30%;
  height: 1.6rem;
  margin: 0 auto;
  line-height: 1.6rem;
  color: #999;
  font-size: 0.8rem;
  text-align: center;
}
.cartoon-catalog .cartoon-inf-main .cartoon-link-box {
  width: 100%;
  padding-bottom: 3.3rem;
}
.cartoon-catalog .cartoon-inf-main .cartoon-link-box .video-link {
  width: 100%;
  margin-top: 0.25rem;
  background: #fff;
}
.cartoon-catalog .cartoon-inf-main .cartoon-link-box .video-link .title-h1 {
  position: relative;
  width: 100%;
  height: 2.4rem;
  background: #fff;
}
.cartoon-catalog .cartoon-inf-main .cartoon-link-box .video-link .title-h1 h1 {
  width: 100%;
  height: 2.4rem;
  margin-left: 0%;
  color: #333;
  line-height: 2.4rem;
  font-size: 0.8rem;
  text-indent: 4%;
}
.cartoon-catalog .cartoon-inf-main .cartoon-link-box .video-link .title-h1 .more-a {
  position: absolute;
  top: 0.7rem;
  right: 4%;
  width: 15%;
  height: 1rem;
  padding-right: 1%;
  border: 1px solid #999;
  border-radius: 1rem;
  background: url("../images/update_img.png") 13% 50% no-repeat;
  -webkit-background-size: 19% 60%;
  -moz-background-size: 19% 60%;
  -ms-background-size: 19% 60%;
  -o-background-size: 19% 60%;
  background-size: 19% 60%;
  color: #999;
  font-size: 0.6rem;
  line-height: 1rem;
  text-align: right;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.cartoon-catalog .cartoon-inf-main .cartoon-link-box .video-link .video-link-inf {
  width: 100%;
}
.cartoon-catalog .cartoon-inf-main .cartoon-link-box .video-link .video-link-inf .big-link {
  width: 100%;
}
.cartoon-catalog .cartoon-inf-main .cartoon-link-box .video-link .video-link-inf .big-link dt {
  position: relative;
  width: 100%;
  height: 9rem;
}
.cartoon-catalog .cartoon-inf-main .cartoon-link-box .video-link .video-link-inf .big-link dt img {
  display: block;
  width: 100%;
  height: 100%;
}
.cartoon-catalog .cartoon-inf-main .cartoon-link-box .video-link .video-link-inf .big-link dt span {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 90%;
  height: 1.2rem;
  padding: 0 5%;
  background: rgba(0, 0, 0, 0.25);
  color: #fff;
  line-height: 1.2rem;
  font-size: 0.6rem;
  text-align: right;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.cartoon-catalog .cartoon-inf-main .cartoon-link-box .video-link .video-link-inf .big-link dd {
  width: 95%;
  height: ;
  padding: 0.25rem 2.5% 0.5rem;
}
.cartoon-catalog .cartoon-inf-main .cartoon-link-box .video-link .video-link-inf .big-link dd h4 {
  width: 100%;
  color: #333;
  font-size: 0.7rem;
}
.cartoon-catalog .cartoon-inf-main .cartoon-link-box .video-link .video-link-inf .big-link dd p {
  width: 100%;
  color: #999;
  font-size: 0.6rem;
}
.cartoon-catalog .cartoon-inf-main .cartoon-link-box .video-link .video-link-inf ul li {
  float: left;
  width: 32.9%;
  margin: 0 0.17%;
}
.cartoon-catalog .cartoon-inf-main .cartoon-link-box .video-link .video-link-inf ul dt {
  position: relative;
  display: block;
  width: 100%;
  height: 8.2rem;
}
.cartoon-catalog .cartoon-inf-main .cartoon-link-box .video-link .video-link-inf ul dt img {
  display: block;
  width: 100%;
  height: 100%;
}
.cartoon-catalog .cartoon-inf-main .cartoon-link-box .video-link .video-link-inf ul dt span {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 90%;
  height: 1.2rem;
  padding: 0 5%;
  background: rgba(0, 0, 0, 0.25);
  color: #fff;
  line-height: 1.2rem;
  font-size: 0.6rem;
  text-align: right;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.cartoon-catalog .cartoon-inf-main .cartoon-link-box .video-link .video-link-inf ul dd {
  width: 90%;
  height: ;
  padding: 0.25rem 5% 0.5rem;
}
.cartoon-catalog .cartoon-inf-main .cartoon-link-box .video-link .video-link-inf ul dd h4 {
  width: 100%;
  color: #333;
  font-size: 0.7rem;
}
.cartoon-catalog .cartoon-inf-main .cartoon-link-box .video-link .video-link-inf ul dd p {
  width: 100%;
  color: #999;
  font-size: 0.6rem;
}
.cartoon-catalog .footer-reading {
  position: fixed;
  bottom: 0;
  width: 100%;
  min-width: 320px;
  max-width: 750px;
  height: 2.42rem;
  background: #fff;
}
.cartoon-catalog .footer-reading .left-inf {
  position: relative;
  float: left;
  width: 52%;
  height: 2.42rem;
}
.cartoon-catalog .footer-reading .left-inf .home-a {
  position: absolute;
  top: 0.7rem;
  left: 4%;
  width: 11.74%;
  height: 1rem;
  background: url("../images/footer_icon_02_02.png") no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -ms-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
}
.cartoon-catalog .footer-reading .left-inf .collection-a {
  position: absolute;
  top: 0.65rem;
  left: 22%;
  width: 11.74%;
  height: 1.1rem;
  background: url("../images/collection_icon.png") no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -ms-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
}
.cartoon-catalog .footer-reading .left-inf .collection-on {
  background: url("../images/collection_icon_02.png") no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -ms-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
}
.cartoon-catalog .footer-reading .left-inf p {
  position: absolute;
  top: 0;
  left: 45%;
  width: 55%;
  height: 2.42rem;
  color: #999;
  font-size: 0.7rem;
  line-height: 2.42rem;
}
.cartoon-catalog .footer-reading .reading-btn {
  float: right;
  width: 48%;
  height: 2.42rem;
}
.cartoon-catalog .footer-reading .reading-btn a {
  display: block;
  width: 100%;
  height: 2.42rem;
  background: #ea4c89;
  color: #fff;
  font-size: 0.8rem;
  line-height: 2.42rem;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.vip {
  width: 100%;
  height: 100vh;
}
.vip .vip-bg {
  position: relative;
  top: 2.25rem;
  width: 100%;
  height: 93.25vh;
  background: url("../images/vip_bg.jpg") no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -ms-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
}
.vip .vip-bg .recharge-btn {
  position: absolute;
  top: 57vh;
  left: 28.66%;
  width: 42.67%;
  height: 2.2rem;
  border-radius: 2rem;
  background: #ea4c4c;
  color: #fff;
  font-size: 0.8rem;
  line-height: 2.2rem;
  text-align: center;
}
.vip .vip-bg .recharge-btn a {
  display: block;
  width: 100%;
  height: 2.2rem;
  color: #fff;
  line-height: 2.2rem;
}
.vip .vip-bg .tips {
  position: absolute;
  top: 73vh;
  left: 8%;
  width: 84%;
  color: #fbb225;
  line-height: 0.75rem;
  font-size: 0.6rem;
}
.sign-in-main {
  position: relative;
  width: 100%;
  height: 86.5vh;
  padding-top: 4.5rem;
  background: url("../images/sign_in_bg.jpg") no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -ms-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
}
.sign-in-main .sign-top {
  position: relative;
  width: 92%;
  height: 5.6rem;
  margin: 0 auto;
}
.sign-in-main .sign-top .sign-p {
  width: 60%;
  padding: 0.75rem 0;
  color: #fff;
  font-size: 0.7rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.sign-in-main .sign-top .sign-in-btn {
  display: block;
  width: 46.38%;
  height: 2.2rem;
  border-radius: 2rem;
  background: #fff;
  line-height: 2.2rem;
  text-align: center;
  color: #ea4c89;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.sign-in-main .sign-top .have-signed-in {
  background: #e9e8e6;
  color: #999;
}
.sign-in-main .sign-top .gold-img {
  position: absolute;
  top: 1.2rem;
  right: 7.39%;
  width: 33.19%;
  height: 3.65rem;
}
.sign-in-main #calendar {
  width: 92%;
  margin: 0 auto;
}
.sign-in-main #calendar .toolbar .toolbar-inner {
  background: #fff;
}
.sign-in-main #calendar .picker-calendar-week-days {
  background: #fff;
}
.sign-in-main #calendar .picker-calendar-row {
  position: static;
}
.sign-in-main #calendar .picker-calendar-week-days:after {
  opacity: 0;
}
.sign-in-main #calendar .picker-calendar-day.picker-calendar-day-selected span {
  background: #f99f0b;
}
.sign-in-main #calendar i.icon.icon-prev,
.sign-in-main #calendar i.icon.icon-next {
  -webkit-filter: grayscale(1);
}
.sign-in-main #calendar .calendar-input-top {
  display: none;
}
.sign-in-main #calendar .picker-modal-inner {
  margin-top: 0.05rem;
}
.sign-in-main #calendar .picker-calendar-months {
  background: #fff;
}
.sign-in-main #calendar .weui-picker-calendar {
  border-radius: 0.1rem;
  background: none;
}
.sign-in-main .tip-p {
  width: 92%;
  margin: 1.5rem auto;
  color: #fff;
  font-size: 0.6rem;
}
.sign-in-wrap {
  display: none;
  position: fixed;
  top: 0;
  width: 100%;
  min-width: 320px;
  max-width: 750px;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9989;
}
.sign-in-wrap .sign-box {
  position: absolute;
  top: 25vh;
  left: 8%;
  width: 84%;
  border-radius: 0.1rem;
  background: #fff;
}
.sign-in-wrap .sign-box h1 {
  display: block;
  width: 80%;
  height: 2.35rem;
  margin: 0 auto;
  line-height: 2.35rem;
  color: #ea4c4c;
  font-size: 0.9rem;
  text-align: center;
}
.sign-in-wrap .sign-box p {
  display: block;
  width: 80%;
  margin: 0 auto;
  color: #333;
  font-size: 0.7rem;
  text-align: center;
}
.sign-in-wrap .sign-box a {
  display: block;
  width: 34.67%;
  height: 2rem;
  border: 1px solid #ea4c89;
  border-radius: 0.1rem;
  margin: 1rem auto;
  color: #ea4c89;
  line-height: 2rem;
  font-size: 0.8rem;
  text-align: center;
}
